<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>伪类选择器_目标伪类</title>
</head>
<style>
    p {
        background-color: skyblue;
        height: 300px;
    }

    p:target {
        background-color: greenyellow;
    }
</style>

<body>
    <a href="#one">去看第一个</a>
    <a href="#two">去看第二个</a>
    <a href="#three">去看第三个</a>
    <a href="#four">去看第四个</a>
    <a href="#five">去看第五个</a>
    <a href="#six">去看第六个</a>

    <div><p id="one">第一个</p></div><br>
    <div>
        <p id="two">第二个</p>
    </div><br>
    <div>
        <p id="three">第三个</p>
    </div><br>
    <div>
        <p id="four">第四个</p>
    </div><br>
    <div>
        <p id="five">第五个</p>
    </div><br>
    <div>
        <p id="six">第六个</p>
    </div><br>

</body>

</html>